<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="stylesheet" href="css/my_base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/select.css">
    <link rel="stylesheet" href="css/double-date.css">
    <link rel="stylesheet" type="text/css" href="css/dateRange.css" />
    <script src='script/jquery-2.0.3.js'></script>
    <script src='script/jquery.htools.select.js'></script>
    <link rel="stylesheet" type="text/css" href="css/monthPicker.css" />
    <script type="text/javascript" src="script/dateRange.js"></script>
    <script type="text/javascript" src="script/monthPicker.js"></script>
    <script src='js/double-date.js'></script>
    <script type="text/javascript" src="script/echart.js"></script>
    <!-- <script src='js/public.js'></script> -->
    <style>
    .date_title,
    .opt_sel {
        background: rgb(45, 56, 74);
    }
    
    .ta_date {
        border: 1px solid;
        border-color: rgb(45, 56, 74);
        background-image: none;
        box-shadow: none;
        border-radius: 0;
    }
    
    .ta_date .date_title {
        color: #fff;
    }
    
    .ta_date .date_title {
        border-right: 1px solid transparent;
    }
    
    .ta_calendar_footer .frm_btn {
        padding-bottom: 10px;
    }
    
    .double_pick,.tool_date  {
        margin-left: 2em;
    }
    </style>
</head>

<body style="background-color: #15191f;">
    <div class="main-box-content main02" style="width: 100%;overflow-x: hidden;">
        <div class="nav_bar_data clearfix">
            <div class="_htools-selec-box fl" style="margin-left: 15px;">
                <select id="forcing_type">
                    <option value="1">进水压力</option>
                    <option value="2">出水压力</option>
                </select>
            </div>
            <div class="pick_time query_day fl nav-sub-active">日</div>
            <div class="pick_time query_month fl">月</div>
            <div class="fl double_pick">
                <div class="ta_date" id="div_date_demo3">
                    <span class="date_title" id="date_demo3"></span>
                    <a class="opt_sel" id="input_trigger_demo3" href="#">
                        <i class="i_orderd"></i>
                    </a>
                </div>
                <div id="datePicker"></div>
            </div>
            <script type="text/javascript">
            var dateRange = new pickerDateRange('date_demo3', {
                // aRecent7Days : 'aRecent7DaysDemo3', //最近7天
                isTodayValid: false,
                defaultText: ' 至 ',
                inputTrigger: 'input_trigger_demo3',
                theme: 'ta',
                startDate : '2017-04-6',
                endDate : '2017-04-8',
                success: function(obj) {
                    // obj.startDate; obj.endDate
                }
            });
            </script>
            <div class="tool_date cf fl">
                <div class="ta_date" id="div_month_picker">
                    <span class="date_title" id="month_picker"></span>
                    <a class="opt_sel" id="month_trigger" href="javascript:;">
                        <i class="i_orderd"></i>
                    </a>
                </div>
            </div>
            <script type="text/javascript">
            monthPicker.create('month_picker', {
                trigger: 'month_trigger',
                // autoCommit: true,
                callback: function(obj) {
                }
            });
            </script>
            <div class="fl query_btn query_press" onclick="DASearch()">查询</div>
        </div>
        <div style="width: 98%;margin-left: 1%;border: 1px solid #2c3443;">
            <div class="" style="height: 15px;line-height: 15px;padding-top: 10px;">
                <div style="color:white; float: right;height: 15px;">&nbsp;环比&nbsp;</div>
                <div style="background-color: #13a0e9;width: 15px;height: 15px;float: right;"></div>
                <div style="color:white; float: right;height: 15px;">&nbsp;同比&nbsp;</div>
                <div style="background-color: #fff109;width: 15px;height: 15px;float: right;"></div>
                <div style="color:white; float: right;height: 15px;">&nbsp;实时&nbsp;</div>
                <div style="background-color: #a7d66d;width: 15px;height: 15px;float: right;"></div>
            </div>
            <br style="clear:both">
            <div class="" id='model10' style="padding:0px;height:850px;width: 100%;"></div>
        </div>
    </div>
    <script type="text/javascript" src="js/DataQuery.js"></script>
    <script>
    $('#forcing_type').goSelectInput({
        height: 30,
        width: 217
    });
    </script>
</body>

</html>
